<template>
	<view>
		<u-navbar title-color="#fff" :borderBottom="false" titleColor="#000000" :title="title" backIconSize="40"
		 back-icon-color="#000000" :background="background"></u-navbar>
		<view class="top">

		</view>
		<view class="content">
			<view class="myVideo">
				<video id="myVideo" :poster="img_pre+video_cover" :src="img_pre+video_link"></video>
			</view>
			<view class="title">
				<image src="../../static/image/s1.png" mode=""></image>
				{{title}}
			</view>
			<view class="text">
				<u-parse :html="content"></u-parse>
			</view>
			<!-- <view class="text">
				猎鹰教育基地地处长白山自然保护区原始森林中位于吉林省安图县二道白河镇距长春市多公里距延吉市约公里，距安图市约公里，是游览长白山北坡的必经之路。训练场峰为依托，南有天池、二道白河，东有圆池
			</view>
			<view class="image">
				<image src="../../static/image/s2.png"></image>
			</view> -->
		</view>
	</view>
</template>

<script>
	var than;
	export default {
		data() {
			return {
				background: {
					'background': 'transparent'
				},
				title: "",
				id: 0,
				content: "",
				video_link: "",
				video_cover:""
			}
		},
		onLoad(option) {
			than = this;
			than.id = option.id
		},
		onShow() {
			than.post('api/future/futureDetails', {
				id: than.id
			}, function(data) {
				than.title = data.title
				than.content = data.content
				than.video_link = data.video_link
				than.video_cover = data.video_cover
				console.log(than.img_pre+than.video_cover);
			})
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.top {
		background: linear-gradient(45deg, #E3EFFD, #EAEFF8);
		height: 500rpx;
		position: absolute;
		top: 0;
		width: 100%;
	}

	#myVideo {
		width: 678rpx;
	}

	.myVideo {
		margin: -200rpx auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.content {
		margin-top: 240rpx;
		position: absolute;
		width: 100%;
		z-index: 1;
		background: #FFFFFF;
		border-radius: 70rpx 0px 0px 0rpx;

		.title {
			padding: 0 36rpx;
			display: flex;
			align-items: center;
			height: 110rpx;

			image {
				width: 32rpx;
				height: 27rpx;
				margin-right: 12rpx;
			}

			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
		}

		.text {
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			padding: 0 37rpx;

			img {
				margin: 30rpx 0;
			}
		}
	}
</style>
